<script setup>
import { ref, onBeforeMount } from 'vue';
import { AppleOutlined } from '@ant-design/icons-vue';
import MostHeader from '@/components/MostHeader.vue';
import { useJobStore } from '@/stores/job';
import { useLocStore } from '@/stores/location';
import { useRouter } from 'vue-router';
import { userUserStore } from '@/stores';
import instance from '@/utils/request';
import {message} from 'ant-design-vue'

const router = useRouter()
const userStore = userUserStore()

if (userStore.token == '') {
  router.push('/register')
}

const locStore = useLocStore()
const jobStore = useJobStore()

const casValue = ref([]);

const sValue = ref('')
const onSearch = () => {
  router.push({
    name: 'jobInfoDisplay',
    query: {
      keyword: sValue.value,
      loc: locStore.loc
    }
  })
}

const hotJob = ref([
  {
    "companyId": 38,
    "jobId": 19,
    "companyName": "阿里巴巴集团",
    "title": "销售业务经理",
    "description": "岗位职责：\n1、能吃苦耐劳，有良好的心态；做事有激情、自信，认真负责，自律性强,有良好的客户沟通、人际交际及维系客户关系的能力。\n2、积极主动向上；有较好的亲和力，沟通和说服力较强，有团队合作精神和执行力。\n3、工作细心，具有很强的责任心和敬业精神、积极快速的学习能力。\n4、负责搜集新客户的资料并进行沟通，开发新客户。\n5、维护老客户;并且按照合同催收回款。\n6、定期与合作客户进行沟通，建立良好的长期合作关系。\n7、有敏锐的市场洞察力，有强烈的事业心、责任心和积极的工作态度，从事过建筑材料业务的人员优先考虑。\n8、我们希望您拒绝平庸，有敢于挑战高薪的精神。\n任职资格：\n1、年龄28-35岁，具有C1以上驾驶证，驾驶技术娴熟，熟悉本地路况；\n2、无不良驾驶记录，无重大事故及交通违章，具有较强的安全意识；\n3、懂商务接待礼仪，具有一定的服务意识；\n4、为人踏实、老实忠厚，保密意识强、责任心强。\n公司福利：\n1．完备的福利保障\n国家规定的五险（养老保险、失业保险、工伤保险、医疗保险、生育保险）、带薪年假、团建活动等。\n2．完善的薪酬结构\n底薪＋提成＋奖金，上不封顶的薪酬政策，让有能力者得到丰厚的奖励和超额的回报；对于所产生的所有费用实报实销。\n3．规范的管理机制\n签订劳动合同，给您的职业安全带来有力保障。\n4．公司分配车辆\n因公外出，公司配备车辆，大大提高工作效率，为您的业绩保驾护航。\n5．公司交通便利，环境舒适。\n6．普升高级业务经理，享受更多高级资源。",
    "salary": "7-12K",
    "requirement": "['1-3年', '高中']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "广州",
    "tag": [
      "1-3年",
      "高中"
    ]
  },
  {
    "companyId": 43,
    "jobId": 34,
    "companyName": "海尔集团",
    "title": "达播BD",
    "description": "工作内容：\n1、负责统筹达播相关事宜，把控达播进度，跟进直播效果，推进项目落实，为直播销售利润负责；管理达播团队拉动整体销量；\n2、负责协助制定小红书/视频号/抖音等达人直播策略方案，开发博主资源，搭建品牌达人资源库；\n3、负责商务对接，直播合作洽谈，促成合作；\n4、建立维护与博主的良好合作关系，筛选直播博主，洽谈佣金，沟通排期及长期合作事宜；\n任职要求：\n1、有自媒体运营及平台开发博主经验者有先；\n2、善于沟通，热爱与人打交道，对BD工作有热情；\n3、自驱力及目标感强，有较强的抗压能力，做事认真负责，能够快速学习；\n4、可接受实习生，需线下到岗实习",
    "salary": "9-14K",
    "requirement": "['1-3年', '大专']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "上海",
    "tag": [
      "1-3年",
      "大专"
    ]
  },
  {
    "companyId": 41,
    "jobId": 30,
    "companyName": "华为技术有限公司",
    "title": "项目执行专员",
    "description": "1、 制定活动执行计划，确保执行的资源分配和合\n2、 负责严格监控该活动的实施，保证活动按质、按量完成;\n3、 负责活动组与用户的沟通与协调，以及活动组与公司内部资源的分配与优化;\n4、 协助上级组织协调管理活动进度，对整场活动进行监督管控;\n5、 了解活动中涉及物料的准备、管理及相关外联工作：\n6、 了解活动的相关管理制度及制作流程，熟悉,灯光，搭建等：\n7、 对执行和最终执行的结果进行全面公正的评估，分析原始数据，撰写总结。",
    "salary": "5-7K",
    "requirement": "['1-3年', '大专']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "武汉",
    "tag": [
      "1-3年",
      "大专"
    ]
  },
  {
    "companyId": 37,
    "jobId": 17,
    "companyName": "京东集团",
    "title": "ue4中级工程师",
    "description": "游戏客户端开发经验\n岗位说明:\n1.使用UE5/UE4引擎进行客户端游戏框架的开发，实现和优化游戏功能模块\n2.根据修改引擎以匹配项目需求，开发游戏开发工具\n岗位要求:\n1.2年以上游戏程序开发经验，1年以上UE程序开发经验;\n2.熟悉常用的数据结构和算法，有清晰的逻辑思维、逻辑表\n达能力;\n3.熟练使用UE引擎，熟悉蓝图&C++开发，熟悉UE引擎架\n构,熟悉LUA脚本;\n4.熟悉UE蓝图和UE引擎核心功能模块的实现原理，能够驾驭\n和应用;\n5.有过完整的上线项目开发经验，参与过游戏原型相关的核\n心功能开发者尤佳;\n6 有良好的沟通能力、学习能力，具备良好职业素养和团队协作能力，责任心强;\n7.拥有良好的英文沟通水平优先;\n8.有过PC或者主机游戏的开发经验，或ACT/ARPG品类开发\n经验者优先;",
    "salary": "25-45K",
    "requirement": "['1-3年', '学历不限']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "北京",
    "tag": [
      "1-3年",
      "学历不限"
    ]
  },
  {
    "companyId": 36,
    "jobId": 12,
    "companyName": "小米科技有限责任公司",
    "title": "Java开发工程师",
    "description": "职位名称: JAVA中级开发工程师岗位职责:\n1、负责相关项目的概要设计和开发工作；\n2、负责项目核心模块的代码开发工作；\n3、负贵系统性能调优及持续改进\n岗位要求:  \n1.计算机及相关专业本科及以上学历:\n2.2- 3年工作经验，具有独立承担软件模块设计开发的能力:\n3.精通Java编程，熟悉J2E技术平台及主流框架，熟悉Struts、 Spring、 Ibatis;\n4、精通Tomcat、Weblogic等 应用服务器配置及优化;\n5.熟练掌握Ecl ipse开发环境;熟悉HTML和JavaScript,精通JSP、Servlet等开发技术;\n6.熟悉数据库开发和ISQL性能调优;\n7.熟练掌握常用的Linux命令、Shell脚本;\n8.掌握软件工程理论，有较强的系统分析能力;\n9.需要具备较强的逻辑分析能力、学习能力和创新能力，具有团队合作精神和良好的语言表达沟通能力。",
    "salary": "13-17K",
    "requirement": "['5-10年', '本科']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "北京",
    "tag": [
      "5-10年",
      "本科"
    ]
  },
  {
    "companyId": 35,
    "jobId": 9,
    "companyName": "美的企业集团",
    "title": "遥感图像处理软件研发实习生",
    "description": "实习生工作职责\n1. 航空航天领域遥感图像处理与分析软件研发； \n2. 负责卫星遥感影像数据产品及信息产品加工处理软件的升级开发；\n3 负责遥感信息解译软件升级开发；\n4. 负责遥感影像自动提取信息的检查和修改，精度评价和品质保障；\n5. 参与必要的技术支持、项目管理工作，包括与合作团队交流、客户交流等工作。\n任职要求\n1. 本科以上实习生，遥感、GIS、环境、测绘、土地资源管理、计算机等专业，有遥感图像处理经验者优先；\n2. 熟悉软件开发，熟悉遥感图像处理与分析软件的开发，熟练使用JAVA或C++等开发语言, 熟练使用ENVI、ERDAS、PCI、ArcGIS等主流遥感影像处理软件；\n3. 熟悉哨兵、高分、WorldView、SPOT等国内外主流卫星遥感影像的处理流程；\n4. 熟悉卫星遥感影像配准、融合、纠正、调色、镶嵌等处理流程和技术要求；\n5. 熟悉遥感影像变化图斑、地物分类解译等处理流程和技术要求；\n6. 熟悉常用的坐标体系，能利用工具对坐标系统进行常规转换，熟悉地图制图规范；\n7. 有良好的文案编写能力，有相关项目背景者优先。",
    "salary": "150-200元/天",
    "requirement": "['5天/周', '6个月', '本科']",
    "publishDate": "2024-11-26T16:00:00.000+00:00",
    "area": "岳阳",
    "tag": [
      "5天/周",
      "6个月",
      "本科"
    ]
  }
])
const hotCom = ref([
  {
    "companyId": 38,
    "userId": 30,
    "companyName": "阿里巴巴集团",
    "description": "阿里巴巴集团由曾担任英语教师的马云与其他来自不同背景的伙伴共18人，于1999年在中国杭州创立。从一开始，所有创始人就深信互联网能够创造公平的环境，让小企业通过创新与科技拓展业务，并更有效地参与中国及国际市场竞争。自推出让中国中小企业接触全球买家的首个网站以来，阿里巴巴作为控股公司持有六大业务集团：淘天集团、云智能集团、阿里国际数字商业集团、菜鸟集团、本地生活集团、大文娱集团，以及各种其他业务。",
    "culture": "使命：让天下没有难做的生意。\n愿景：追求成为一家活102年的好公司。我们的愿景是让客户相会、工作和生活在阿里巴巴。\n价值观：\n客户第一，员工第二，股东第三\n因为信任，所以简单\n唯一不变的是变化\n今天最好的表现是明天最低的要求\n此时此刻，非我莫属\n认真生活，快乐工作",
    "logo": "https://ts2.cn.mm.bing.net/th?id=OIP-C.5y0rbrXGQzqLjPvTDYgUjwHaCz&w=350&h=132&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2",
    "website": "https://ali-home.alibaba.com/about-alibaba",
    "city": "娄底",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 19,
        "companyName": "阿里巴巴集团",
        "title": "销售业务经理",
        "description": "岗位职责：\n1、能吃苦耐劳，有良好的心态；做事有激情、自信，认真负责，自律性强,有良好的客户沟通、人际交际及维系客户关系的能力。\n2、积极主动向上；有较好的亲和力，沟通和说服力较强，有团队合作精神和执行力。\n3、工作细心，具有很强的责任心和敬业精神、积极快速的学习能力。\n4、负责搜集新客户的资料并进行沟通，开发新客户。\n5、维护老客户;并且按照合同催收回款。\n6、定期与合作客户进行沟通，建立良好的长期合作关系。\n7、有敏锐的市场洞察力，有强烈的事业心、责任心和积极的工作态度，从事过建筑材料业务的人员优先考虑。\n8、我们希望您拒绝平庸，有敢于挑战高薪的精神。\n任职资格：\n1、年龄28-35岁，具有C1以上驾驶证，驾驶技术娴熟，熟悉本地路况；\n2、无不良驾驶记录，无重大事故及交通违章，具有较强的安全意识；\n3、懂商务接待礼仪，具有一定的服务意识；\n4、为人踏实、老实忠厚，保密意识强、责任心强。\n公司福利：\n1．完备的福利保障\n国家规定的五险（养老保险、失业保险、工伤保险、医疗保险、生育保险）、带薪年假、团建活动等。\n2．完善的薪酬结构\n底薪＋提成＋奖金，上不封顶的薪酬政策，让有能力者得到丰厚的奖励和超额的回报；对于所产生的所有费用实报实销。\n3．规范的管理机制\n签订劳动合同，给您的职业安全带来有力保障。\n4．公司分配车辆\n因公外出，公司配备车辆，大大提高工作效率，为您的业绩保驾护航。\n5．公司交通便利，环境舒适。\n6．普升高级业务经理，享受更多高级资源。",
        "salary": "7-12K",
        "requirement": "['1-3年', '高中']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "广州",
        "tag": [
          "1-3年",
          "高中"
        ]
      },
      {
        "companyId": null,
        "jobId": 20,
        "companyName": "阿里巴巴集团",
        "title": "Java开发",
        "description": "职位名称: JAVA中级开发工程师岗位职责:\n1、负责相关项目的概要设计和开发工作；\n2、负责项目核心模块的代码开发工作；\n3、负贵系统性能调优及持续改进\n岗位要求:  \n1.计算机及相关专业本科及以上学历:\n2.2- 3年工作经验，具有独立承担软件模块设计开发的能力:\n3.精通Java编程，熟悉J2E技术平台及主流框架，熟悉Struts、 Spring、 Ibatis;\n4、精通Tomcat、Weblogic等 应用服务器配置及优化;\n5.熟练掌握Ecl ipse开发环境;熟悉HTML和JavaScript,精通JSP、Servlet等开发技术;\n6.熟悉数据库开发和ISQL性能调优;\n7.熟练掌握常用的Linux命令、Shell脚本;\n8.掌握软件工程理论，有较强的系统分析能力;\n9.需要具备较强的逻辑分析能力、学习能力和创新能力，具有团队合作精神和良好的语言表达沟通能力。",
        "salary": "13-17K",
        "requirement": "['5-10年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "北京",
        "tag": [
          "5-10年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 18,
        "companyName": "阿里巴巴集团",
        "title": "golang开发工程师",
        "description": "工作内容\n1、负责得物App相关系统模块的开发与维护。\n2、参与系统设计，确保代码质量，配合完成模块测试。\n3、快速响应并解决技术问题，保障系统稳定运行。\n任职要求\n1、熟练使用Golang语言，具备良好的编程习惯。\n2、能够理解并实现业务需求，具备良好的逻辑思维能力。\n3、具有良好的团队合作精神，能够有效沟通。",
        "salary": "23-30K·16薪",
        "requirement": "['在校/应届']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "上海",
        "tag": [
          "在校/应届"
        ]
      }
    ]
  },
  {
    "companyId": 43,
    "userId": 35,
    "companyName": "海尔集团",
    "description": "海尔集团创立于1984年，是全球领先的美好生活和数字化转型解决方案服务商，致力于“以无界生态共创无限可能”，与用户共创美好生活的无限可能，与生态伙伴共创产业发展的无限可能。\n\n海尔作为实体经济的代表，持续聚焦实业，始终以用户为中心，坚持原创科技，布局智慧住居、大健康和产业互联网三大赛道，在全球设立了10大研发中心、71个研究院、35个工业园、143个制造中心和23万个销售网络，连续6年作为全球唯一物联网生态品牌蝉联“凯度BrandZ最具价值全球品牌100强”，连续8年入选“谷歌&凯度BrandZ中国全球化品牌”十强，连续15年稳居“欧睿国际全球大型家电品牌零售量”第一名，连续20年入选世界品牌实验室“世界品牌500强”。\n\n集团旗下有6家上市公司，子公司海尔智家位列《财富》世界500强和《财富》全球最受赞赏公司。我们拥有海尔、卡萨帝、Leader、GE Appliances、Fisher & Paykel、AQUA、Candy等全球化高端品牌和全球首个智慧家庭场景品牌三翼鸟，构建了全球领先的工业互联网平台卡奥斯COSMOPlat和大健康产业生态盈康一生。 \n\n我们相信：当更多界限被打破，更多有价值的关系被建立，更多的共创才会发生，世界的未来将因此充满无限精彩的可能。",
    "culture": "企业使命：成为生态经济的引领者\n企业愿景：创建世界一流企业\n战略定位：全球领先的美好生活和数字化转型解决方案服务商",
    "logo": "https://imagegroup1.haier.com/images/hg2020_header_logo_w_2024.png",
    "website": "https://www.haier.com/about-haier/",
    "city": "北京",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 35,
        "companyName": "海尔集团",
        "title": "智能硬件产品经理",
        "description": "产品经理\n岗位职责\n1、负责产品线新产品的调研，市场分析，制定相应的产品策略。\n2、制定产品计划，与产品设计团队密切合作，确保产品方向及竞争力；\n3、协调团队成员，合理分配内部资源，做好前期项目评估，资源匹配，开发周期，以及产品发布各项工作;\n4、定期收集分析产品数据，提炼市场需求、产品规划方向等信息供部门进行新产品方向探索;\n5、根据产品生命周期内的市场动态，随时调整产品对策、完善产品功能。\n6、支撑产品营销推广，产品知识培训，产品售前支持，客户需求的对接和解答及产品方案的引导。\n岗位要求:\n1、本科以上学历，技术类、管理类专业，有3年以上产品经理相关工作经验，有行车记录仪、流媒体、后视镜等视觉影像产品相关经验优先考虑；\n2、熟悉智能硬件产品的市场研究需求分析及产品生命周期;\n3、有独立规划产品项目经验，主导完成从产品定义到上线全过程；\n4、对市场和客户需求有敏锐的洞察力，具备市场分析和判断能力;\n5、具备良好的跨部门沟通及团队协作能力，良好的分析和解决问题能力，积极推进项目进展。\n【福利待遇】\n1、社会保障：入职即购买五险一金；\n2、晋升机制：完善的晋升考核机制，每年3月、9月两次晋升调薪机会；\n3、培训体系：公司为新员工提供入职培训及专业培训，入职引导人一对一帮带，不断提高员工的综合能力；\n4、员工生活：每周三下午茶、羽毛球、乒乓球等运动团建、年度旅游团建等；\n5、假期福利：国家法定节假日及带薪病假、婚假、产假、丧假等。",
        "salary": "15-25K·13薪",
        "requirement": "['3-5年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "深圳",
        "tag": [
          "3-5年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 36,
        "companyName": "海尔集团",
        "title": "产品助理",
        "description": "岗位职责：\n1、协助产品、咨询经理参与设施管理系统、智慧园区平台的需求分析和解决方案编写。\n2、按客户需求，协助收集与联系行业合作伙伴产品，联合打造客户解决方案。\n3、参与客户的智慧园区与企业数字化规划咨询项目，参与客户访谈调研并记录纪要与编写调研报告。\n任职要求：\n1、本科在校实习生或应届毕业生，计算机软件工程、文学类专业优先；\n2、头脑灵活，逻辑思维能力强，需要有较强的文档编写能力；\n3、善于交流和总结;\n4、因系统与业务规则复杂，短期实习者学习时间都不够，勿扰！！ 主要招聘应届生或者在校生毕业后计划继续留我司工作者。\n公司与业务简介：\n1、公司是世界500强深投控下属的深物业集团公司战略投资的科技公司，公司是设施管理国家标准起草单位，在业界具备一定的行业知名度，拥有众多行业top知名客户。\n2、公司核心产品线包括：设施管理咨询产品线（企业的数字化咨询、智慧园区规划咨询等）、物联网产品线、设施管理应用产品线。\n3、覆盖的业务场景范围包括：智慧园区、智慧物业、智慧楼宇、建筑数字孪生、智慧后勤等等。",
        "salary": "6-10K",
        "requirement": "['在校/应届', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "深圳",
        "tag": [
          "在校/应届",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 34,
        "companyName": "海尔集团",
        "title": "达播BD",
        "description": "工作内容：\n1、负责统筹达播相关事宜，把控达播进度，跟进直播效果，推进项目落实，为直播销售利润负责；管理达播团队拉动整体销量；\n2、负责协助制定小红书/视频号/抖音等达人直播策略方案，开发博主资源，搭建品牌达人资源库；\n3、负责商务对接，直播合作洽谈，促成合作；\n4、建立维护与博主的良好合作关系，筛选直播博主，洽谈佣金，沟通排期及长期合作事宜；\n任职要求：\n1、有自媒体运营及平台开发博主经验者有先；\n2、善于沟通，热爱与人打交道，对BD工作有热情；\n3、自驱力及目标感强，有较强的抗压能力，做事认真负责，能够快速学习；\n4、可接受实习生，需线下到岗实习",
        "salary": "9-14K",
        "requirement": "['1-3年', '大专']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "上海",
        "tag": [
          "1-3年",
          "大专"
        ]
      }
    ]
  },
  {
    "companyId": 39,
    "userId": 31,
    "companyName": "字节跳动集团",
    "description": "字节跳动公司",
    "culture": "字节范是字节跳动企业文化的重要组成部分，是我们共同认可的行为准则。",
    "logo": "https://ts4.cn.mm.bing.net/th?id=OIP-C.xk8FKrw_AYcVPpXbWu3aUwHaHa&w=250&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2",
    "website": "https://www.bytedance.com/zh/",
    "city": "长沙",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 23,
        "companyName": "字节跳动集团",
        "title": "2d游戏动画特效实习生",
        "description": "岗位职责：\n1. 根据游戏设计需求设计动作并落地到引擎\n2. 与程序和策划、美术紧密配合，调优动作使其衔接流畅，手感优秀\n任职要求：\n1. 大专或以上学历动画相关专业，良好的动画设计基础，了解运动规律，对于人物、动物的肢体动作和运动节奏有较强的理解能力\n2. 想象力丰富，有很好的动作设计能力，可产出流畅、生动的动作效果。\n3. 有良好的团队合作意识，易沟通协作\n4. 能熟练运用AE、PS、Cocos2D粒子编辑器、Spine、Cocos Studio等动画编辑软件，对Spine的熟练使用是必须的要求，对Cocos2D引擎有了解可加分。\n5. 了解镜头动画，能够结合镜头动画提升动作的表现力",
        "salary": "120-170元/天",
        "requirement": "['5天/周', '3个月', '大专']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "广州",
        "tag": [
          "5天/周",
          "3个月",
          "大专"
        ]
      },
      {
        "companyId": null,
        "jobId": 21,
        "companyName": "字节跳动集团",
        "title": "C#",
        "description": "开发组管理\n.net后端开发设计\n有百万以上项目独立交付经验",
        "salary": "12-16K",
        "requirement": "['5-10年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "武汉",
        "tag": [
          "5-10年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 22,
        "companyName": "字节跳动集团",
        "title": "跨境电商运营",
        "description": "工作内容：\n1. 负责平台产品上新，将公司的产品上新到平台；\n2.对新品制定引流策略，跟进上新产品等流量转化情况；\n3.通过数据分析，优化listing等，提升销售额；\n3.参加店铺活动、广告等；\n工作要求：\n1.英语四级以上，懂基本的ps(必备技能)、excel等办公软件；\n2.对工作认真、细心、耐心；\n3.具备一定的运营数据分析思维；\n4.对跨境及运营有较高兴趣，有一定经验优先；\n工作时间：\n早上9点到下午6点，中午休息一个半小时",
        "salary": "4-6K",
        "requirement": "['经验不限', '学历不限']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "广州",
        "tag": [
          "经验不限",
          "学历不限"
        ]
      }
    ]
  },
  {
    "companyId": 35,
    "userId": 26,
    "companyName": "美的企业集团",
    "description": "“科技尽善，生活尽美”－美的是一家覆盖智能家居、楼宇科技、工业技术、机器人与自动化和创新型业务五大业务板块为一体的全球化科技集团，过去五年研发资金近600亿元，形成美的、小天鹅，华凌、COLMO，库卡，威灵、合康、科陆、高创、万东和菱王等多个品牌组合，每年为全球超过5亿用户，各领域的重要客户与战略合作伙伴提供满意的产品和服务。迄今，美的在全球拥有超400家子公司、33个研发中心和43个主要生产基地，业务覆盖200多个国家和地区。",
    "culture": "美的始终坚持通过技术创新提升产品品质和服务，并以此贡献人类，提高人类生活质量，促进人类生活更舒适、更轻松、更美好。\n美的集团营造了一种开放，公正，公平的工作环境，提供平台和资源激励员工创造价值，成就自我，与企业共同发展。",
    "logo": "https://cn-res.midea.com/etc.clientlibs/mideacn-aem/clientlibs/clientlib-site/resources/img/common/midea-logo-cn.png",
    "website": "https://www.midea.com.cn/",
    "city": "上海",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 9,
        "companyName": "美的企业集团",
        "title": "遥感图像处理软件研发实习生",
        "description": "实习生工作职责\n1. 航空航天领域遥感图像处理与分析软件研发； \n2. 负责卫星遥感影像数据产品及信息产品加工处理软件的升级开发；\n3 负责遥感信息解译软件升级开发；\n4. 负责遥感影像自动提取信息的检查和修改，精度评价和品质保障；\n5. 参与必要的技术支持、项目管理工作，包括与合作团队交流、客户交流等工作。\n任职要求\n1. 本科以上实习生，遥感、GIS、环境、测绘、土地资源管理、计算机等专业，有遥感图像处理经验者优先；\n2. 熟悉软件开发，熟悉遥感图像处理与分析软件的开发，熟练使用JAVA或C++等开发语言, 熟练使用ENVI、ERDAS、PCI、ArcGIS等主流遥感影像处理软件；\n3. 熟悉哨兵、高分、WorldView、SPOT等国内外主流卫星遥感影像的处理流程；\n4. 熟悉卫星遥感影像配准、融合、纠正、调色、镶嵌等处理流程和技术要求；\n5. 熟悉遥感影像变化图斑、地物分类解译等处理流程和技术要求；\n6. 熟悉常用的坐标体系，能利用工具对坐标系统进行常规转换，熟悉地图制图规范；\n7. 有良好的文案编写能力，有相关项目背景者优先。",
        "salary": "150-200元/天",
        "requirement": "['5天/周', '6个月', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "岳阳",
        "tag": [
          "5天/周",
          "6个月",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 8,
        "companyName": "美的企业集团",
        "title": "安全攻防工程师",
        "description": "【岗位职责】\n1. 负责多个视角下的攻防演练工作，持续评估公司安全对抗能力反馈安全水位\n2. 负责安全蓝军攻击能力的建设，完善攻击场景，沉淀攻击手法\n3. 研究前沿的安全技术、漏洞、情报和攻击手法，结合业务提供前瞻性的防御措施\n4. 负责相关安全需求的设计、评估等工作，能够从攻防视角发现安全薄弱环节并给出解决方案\n【岗位要求】\n1. 本科或以上学历，２年以上工作经验\n2. 具备业务安全、基础安全和数据安全之一的丰富安全攻防经验\n3. 熟练掌握主流攻防技术，熟悉常见安全漏洞原理及利用，有漏洞挖掘、分析与复现能力\n4. 熟知获取威胁情报的各种方式，跟踪灰黑产的攻击手法\n5. 良好的沟通能力和团队协作精神",
        "salary": "40-45K·14薪",
        "requirement": "['3-5年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "武汉",
        "tag": [
          "3-5年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 10,
        "companyName": "美的企业集团",
        "title": "Android 开发工程师",
        "description": "职位描述\n1、负责 Android 产品的需求开发及维护、高质量完成迭代工作 \n2、能够自主思考，对产品的用户体验提供优化建议  \n3、优化软件性能，分析及解决重大疑难问题，排除各类潜在技术风险；降低产品崩溃率  \n4、乐于技术分享，促进团队成员共同进步  \n5、协助建立团队技术规范，提升技术团队整体效率\n职位要求\n1、计算机或相关专业，2 年工作经验以上。优秀的可以放宽\n2、具有多个 Android 项目经验，熟悉 Android APP 性能优化技巧。可以独立承担架构设计，并主导项目 \n3、具有扎实的计算机基础、算法基础。能够熟练使用 Git \n4、熟练掌握Java/Kotlin, 熟悉Android SDK, 熟悉Android的UI/网络/数据库框架\n5、熟练掌握 Glide/EventBus/MMKV 等常见三方库，熟悉 Android Jetpack 相关组件\n6、具有大前端其他技术栈经验优先；具有跨平台实践经验优先\n7、对软件产品有强烈的热情和责任心, 具备良好的沟通能力和优秀的团队协作能力",
        "salary": "25-45K·14薪",
        "requirement": "['3-5年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "四川",
        "tag": [
          "3-5年",
          "本科"
        ]
      }
    ]
  },
  {
    "companyId": 34,
    "userId": 25,
    "companyName": "腾讯",
    "description": "腾讯是一家世界领先的互联网科技公司，用创新的产品和服务提升全球各地人们的生活品质。\n\n腾讯成立于1998年，总部位于中国深圳。公司一直秉承科技向善的宗旨。我们的通信和社交服务连接全球逾10亿人，帮助他们与亲友联系，畅享便捷的出行、支付和娱乐生活。\n\n腾讯发行多款风靡全球的电子游戏及其他优质数字内容，为全球用户带来丰富的互动娱乐体验。\n\n腾讯还提供云计算、广告、金融科技等一系列企业服务，支持合作伙伴实现数字化转型，促进业务发展。\n\n腾讯2004 年于香港联合交易所上市。",
    "culture": "正直：坚守底线，以德为先，坦诚公正不唯上\n进取：无功便是过，勇于突破有担当\n协作：开放协同，持续进化\n创造：超越创新，探索未来",
    "logo": "https://www.tencent.net.cn/wp-content/uploads/2022/12/04_Tencent_Graphics.png",
    "website": "https://www.tencent.com/zh-cn/about.html",
    "city": "北京",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 6,
        "companyName": "腾讯",
        "title": "产品经理",
        "description": "本公司主要业务，互联网商城所经营产品全部为进口商品\n包含:保健品，肿瘤药，罕见病，家用医疗设备，普药以及互联网医院线上就医，海外医院医生线上就医，国内绿通等板块。\n需求产品经理对进出口贸易，互联网医院，互联网平台搭建有相关经验及业务能力。能统筹规划！\n加分项\n有以下行业经验：医疗健康·进出口贸易·医疗服务",
        "salary": "15-20K",
        "requirement": "['3-5年', '本科']",
        "publishDate": "2024-11-19T16:00:00.000+00:00",
        "area": "北京",
        "tag": [
          "3-5年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 7,
        "companyName": "腾讯",
        "title": "数据分析师",
        "description": "【岗位职责】\n 1、理解工业原理，并使数据可视化、特征工程等方法清理数据，选择特征；\n 2、理解客户需求，并据此开发数据模型并优化算法；\n 3、推动工业数据模型产品的上线和服务的实施。\n【岗位要求】\n1、熟练应用统计分析、特征工程和机器学习的经典方法并了解其原理，如PCA、树模型、SVM等，有相关项目经历更佳； 有无监督算法、异常检测算法或遗传算法经验者优先；\n2、熟练使用python、R、java，C++中的一种或几种；\n3、熟练使用或能迅速学习掌握excel函数，熟练使用VBA处理数据更佳；\n4、熟练使用jmp/sas/spss/spotfire等数据可视化工具中的一种或几种；\n5、做事踏实、严谨、细心，有优秀的学习能力与逻辑思维能力，对数据敏感；\n6、优先统计学、数学、物理学专业，热爱数学或者编程。",
        "salary": "15-25K·13薪",
        "requirement": "['3-5年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "天津",
        "tag": [
          "3-5年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 3,
        "companyName": "腾讯",
        "title": "输入法内核高级开发工程师",
        "description": "1.负责输入法客户端和云端输入引擎架构设计和开发工作，支撑引擎技术品质持续领先；\n 2.负责输入引擎策略优化以及研究团队成果工程落地，支撑引擎提供极致的输入体验；\n 3.负责输入引擎重点技术公关和产品项目的落地，支撑团队关键目标达成。",
        "salary": "30-60K·15薪",
        "requirement": "['5-10年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "长沙",
        "tag": [
          "5-10年",
          "本科"
        ]
      }
    ]
  },
  {
    "companyId": 42,
    "userId": 34,
    "companyName": "比亚迪股份有限公司",
    "description": "比亚迪是一家致力于“用技术创新，满足人们对美好生活的向往”的高新技术企业。比亚迪成立于1995年2月，经过20多年的高速发展，已在全球设立30多个工业园，实现全球六大洲的战略布局。比亚迪业务布局涵盖电子、汽车、新能源和轨道交通等领域，并在这些领域发挥着举足轻重的作用，从能源的获取、存储，再到应用，全方位构建零排放的新能源整体解决方案，比亚迪是香港和深圳上市公司，营业额和总市值均超过千亿元。\n\n\"技术创新，值得信赖，引领绿色出行”是比亚迪汽车一直以来坚守的品牌价值，坚持大力发展科技节能与新能源汽车，矢志为全社会带来更节能环保、更安全、更便利、更享受的汽车生活的比亚迪汽车正在推动全球绿色汽车行业的跨越式发展。",
    "culture": "品牌核心价值观\n竞争：为梦想激发动力\n务实：让梦想照进现实\n激情：为梦想永存斗志\n创新：为梦想攻克难题",
    "logo": "https://ts4.cn.mm.bing.net/th?id=OIP-C.PwSd7AboHHSoB1hAK82tzgHaHa&w=250&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2",
    "website": "https://www.bydglobal.com/cn/index.html",
    "city": "上海",
    "jobInfo": [
      {
        "companyId": null,
        "jobId": 32,
        "companyName": "比亚迪股份有限公司",
        "title": "大客户经理",
        "description": "职责描述： \n1、负责大客户开拓及维护；\n2、商务谈判、签订合同,在项目实施过程中保持与客户的实时沟通，处理一切商务事宜，负责最后项目回款；\n3、负责项目前期沟通协调工作，独立和客户就基本技术进行沟通并作出判断，配合技术工程师制作方案及报价；\n4、完成销售指标；\n5、上级安排的其他事宜\n  \n任职要求： \n1、大专及以上学历；\n2、具备工业设备终端销售经验，自动化设备或者元器件销售经验，机械设备销售经验均可，制药设备，包装器械，新能源，半导体行业优先；\n3、反应敏捷、表达能力强，具有较强的沟通能力和业务技巧；\n4、有敏锐的洞察能力，强烈的事业心、责任心和积极的工作态度、能承受工作压力",
        "salary": "20-40K",
        "requirement": "['3-5年', '大专']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "上海",
        "tag": [
          "3-5年",
          "大专"
        ]
      },
      {
        "companyId": null,
        "jobId": 33,
        "companyName": "比亚迪股份有限公司",
        "title": "海外技术支持工程师",
        "description": "职位描述\n1.为公司海外本地团队、客户、合作商提供售后技术支持（因时差问题会需要夜班支持的，夜班后可以调休，一般夜班支持一个月不超过5天）；\n2.管理本地技术团队，确保24小时内给出异常解决方案；\n3.管理设备监控平台，及时处理异常问题；\n4.管理技术服务平台，及时审核，审批现场审批单，确保现场操作正确，并记录完整；\n5.制作相关Troubleshooting文档，培训文档，操作SOP，产品相关手册等；\n6.现场问题及时反馈并录入系统，推动问题进展；\n7.领导安排的其他事务。\n职位要求\n1.工作2年以上，电气、自动化相关专业优先；\n2.具备英语办公的能力，英语口语流利，office软件使用熟练；\n3.电力电子行业或新能源行业工作经验优先；\n4.熟练使用万用表，示波器，CAN卡等测试相关工具；\n5.需要海外出差（一般2-3月/年，特殊情况不超过半年）。\n出差日本、德国、英国、美国、意大利\n英语作为工作语言\n出差时长偶尔出差",
        "salary": "15-22K·14薪",
        "requirement": "['1-3年', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "深圳",
        "tag": [
          "1-3年",
          "本科"
        ]
      },
      {
        "companyId": null,
        "jobId": 31,
        "companyName": "比亚迪股份有限公司",
        "title": "嵌入式软件工程师",
        "description": "工作职责:\n1、负责嵌入式软件应用开发、调试及维护；\n2、负责嵌入式软件相关技术难题攻关；\n3、负责对应用功能模块业务框架设计；\n4、编写技术文档，参与产品的优化和改进。\n任职资格:\n1、本科及以上学历，电子、通信、计算机、测控、等相关专业\n2、熟练掌握C/C++语言；\n3、能吃苦耐劳，有团队合作意识；\n4、具有较强的责任感、执行力和协作精神；\n5、熟悉linux系统驱动、应用或MQTT协议者优先。",
        "salary": "10-12K·14薪",
        "requirement": "['在校/应届', '本科']",
        "publishDate": "2024-11-26T16:00:00.000+00:00",
        "area": "广州",
        "tag": [
          "在校/应届",
          "本科"
        ]
      }
    ]
  }
])
onBeforeMount(async () => {
  await instance.get('/job/recommend').then(result => {
    hotJob.value = result.data.data
    // console.log(hotJob.value)
  }).catch(err => console.log(err))

  await instance.get('/company/recommend').then(result => {
    hotCom.value = result.data.data
    // console.log(hotCom.value)
    hotCom.value[5] = {
      "companyId": 38,
      "userId": 30,
      "companyName": "淘宝",
      "description": "阿里巴巴集团由曾担任英语教师的马云与其他来自不同背景的伙伴共18人，于1999年在中国杭州创立。从一开始，所有创始人就深信互联网能够创造公平的环境，让小企业通过创新与科技拓展业务，并更有效地参与中国及国际市场竞争。自推出让中国中小企业接触全球买家的首个网站以来，阿里巴巴作为控股公司持有六大业务集团：淘天集团、云智能集团、阿里国际数字商业集团、菜鸟集团、本地生活集团、大文娱集团，以及各种其他业务。",
      "culture": "使命：让天下没有难做的生意。\n愿景：追求成为一家活102年的好公司。我们的愿景是让客户相会、工作和生活在阿里巴巴。\n价值观：\n客户第一，员工第二，股东第三\n因为信任，所以简单\n唯一不变的是变化\n今天最好的表现是明天最低的要求\n此时此刻，非我莫属\n认真生活，快乐工作",
      "logo": "https://ts2.cn.mm.bing.net/th?id=OIP-C.5y0rbrXGQzqLjPvTDYgUjwHaCz&w=350&h=132&c=8&rs=1&qlt=90&o=6&dpr=1.1&pid=3.1&rm=2",
      "website": "https://ali-home.alibaba.com/about-alibaba",
      "city": "娄底",
      "jobInfo": [
        {
          "companyId": null,
          "jobId": 19,
          "companyName": "阿里巴巴集团",
          "title": "销售业务经理",
          "description": "岗位职责：\n1、能吃苦耐劳，有良好的心态；做事有激情、自信，认真负责，自律性强,有良好的客户沟通、人际交际及维系客户关系的能力。\n2、积极主动向上；有较好的亲和力，沟通和说服力较强，有团队合作精神和执行力。\n3、工作细心，具有很强的责任心和敬业精神、积极快速的学习能力。\n4、负责搜集新客户的资料并进行沟通，开发新客户。\n5、维护老客户;并且按照合同催收回款。\n6、定期与合作客户进行沟通，建立良好的长期合作关系。\n7、有敏锐的市场洞察力，有强烈的事业心、责任心和积极的工作态度，从事过建筑材料业务的人员优先考虑。\n8、我们希望您拒绝平庸，有敢于挑战高薪的精神。\n任职资格：\n1、年龄28-35岁，具有C1以上驾驶证，驾驶技术娴熟，熟悉本地路况；\n2、无不良驾驶记录，无重大事故及交通违章，具有较强的安全意识；\n3、懂商务接待礼仪，具有一定的服务意识；\n4、为人踏实、老实忠厚，保密意识强、责任心强。\n公司福利：\n1．完备的福利保障\n国家规定的五险（养老保险、失业保险、工伤保险、医疗保险、生育保险）、带薪年假、团建活动等。\n2．完善的薪酬结构\n底薪＋提成＋奖金，上不封顶的薪酬政策，让有能力者得到丰厚的奖励和超额的回报；对于所产生的所有费用实报实销。\n3．规范的管理机制\n签订劳动合同，给您的职业安全带来有力保障。\n4．公司分配车辆\n因公外出，公司配备车辆，大大提高工作效率，为您的业绩保驾护航。\n5．公司交通便利，环境舒适。\n6．普升高级业务经理，享受更多高级资源。",
          "salary": "7-12K",
          "requirement": "['1-3年', '高中']",
          "publishDate": "2024-11-26T16:00:00.000+00:00",
          "area": "广州",
          "tag": [
            "1-3年",
            "高中"
          ]
        },
        {
          "companyId": null,
          "jobId": 20,
          "companyName": "阿里巴巴集团",
          "title": "Java开发",
          "description": "职位名称: JAVA中级开发工程师岗位职责:\n1、负责相关项目的概要设计和开发工作；\n2、负责项目核心模块的代码开发工作；\n3、负贵系统性能调优及持续改进\n岗位要求:  \n1.计算机及相关专业本科及以上学历:\n2.2- 3年工作经验，具有独立承担软件模块设计开发的能力:\n3.精通Java编程，熟悉J2E技术平台及主流框架，熟悉Struts、 Spring、 Ibatis;\n4、精通Tomcat、Weblogic等 应用服务器配置及优化;\n5.熟练掌握Ecl ipse开发环境;熟悉HTML和JavaScript,精通JSP、Servlet等开发技术;\n6.熟悉数据库开发和ISQL性能调优;\n7.熟练掌握常用的Linux命令、Shell脚本;\n8.掌握软件工程理论，有较强的系统分析能力;\n9.需要具备较强的逻辑分析能力、学习能力和创新能力，具有团队合作精神和良好的语言表达沟通能力。",
          "salary": "13-17K",
          "requirement": "['5-10年', '本科']",
          "publishDate": "2024-11-26T16:00:00.000+00:00",
          "area": "北京",
          "tag": [
            "5-10年",
            "本科"
          ]
        },
        {
          "companyId": null,
          "jobId": 18,
          "companyName": "阿里巴巴集团",
          "title": "golang开发工程师",
          "description": "工作内容\n1、负责得物App相关系统模块的开发与维护。\n2、参与系统设计，确保代码质量，配合完成模块测试。\n3、快速响应并解决技术问题，保障系统稳定运行。\n任职要求\n1、熟练使用Golang语言，具备良好的编程习惯。\n2、能够理解并实现业务需求，具备良好的逻辑思维能力。\n3、具有良好的团队合作精神，能够有效沟通。",
          "salary": "23-30K·16薪",
          "requirement": "['在校/应届']",
          "publishDate": "2024-11-26T16:00:00.000+00:00",
          "area": "上海",
          "tag": [
            "在校/应届"
          ]
        }
      ]
    }
  }).catch(err => console.log(err))
})
</script>

<script>

</script>

<template>
  <div class="container">
    <div class="fixed">
      <MostHeader />

      <div
          style="width: 100%; justify-items: center; padding-top: 20px; background-color: white; padding-bottom: 20px;">
        <a-input-group compact style="display: flex; flex-wrap: nowrap; width: 50vw;">
          <a-cascader v-model:value="casValue" style="width: 15vw; margin-right: 1vw;" :options="jobStore.jobKind"
                      placeholder="职位类型" />
          <a-input-search v-model:value="sValue" placeholder="搜索职位、公司" enter-button="Search" @search="onSearch" />
        </a-input-group>
      </div>
    </div>

    <div class="hotJob" style="margin-top: 180px; justify-items: center;">
      <h1>热招职位</h1>
      <div class="hotContainer">
        <div style="background-color: #f5f6fa; padding: 20px; border-radius: 5px;">
          <a-row :gutter="16" v-for="i in [0, 1]" style="margin-top: 10px;">
            <a-col :span="8" v-for="j in [0, 1, 2]">
              <a-card :title="hotJob[3 * i + j].title" :bordered="false" :hoverable="true" style="width: 280px;"
                      @click="() => router.push('/postDetail')">
                <div style="color: red; position: relative; top: -10px;">{{ hotJob[3 * i + j].salary }}</div>
                <a-tag v-for="tag in hotJob[3 * i + j].tag" color="blue">{{ tag }}</a-tag>
                <br>
                <AppleOutlined />{{ hotJob[3 * i + j].companyName }}
              </a-card>
            </a-col>
          </a-row>
        </div>
      </div>
      <a-button type="primary" style="margin-top: 20px;" @click="onSearch">查看更多</a-button>
    </div>

    <div class="hotJob" style="margin-top: 80px; justify-items: center;">
      <h1>热门企业</h1>
      <div class="hotContainer">
        <div style="background-color: #f5f6fa; padding: 20px">
          <a-row :gutter="16" v-for="i in [0, 1]" style="margin-top: 10px;">
            <a-col :span="8" v-for="j in [0, 1, 2]">
              <a-card :title="hotCom[3 * i + j].companyName" :bordered="false" :hoverable="true" style="width: 280px;"
                      @click="() => router.push('/companyinfo')">
                <div v-for="job in hotCom[3 * i + j].jobInfo" style="margin-bottom: 10px;">
                  <div style="display: flex; flex-direction: row; justify-content: space-between;">
                    <span>{{ job.title }}</span>
                    <span style="color: red;">{{ job.salary }}</span>
                  </div>
                  <div>
                    <a-tag v-for="tag in job.tag">{{ tag }}</a-tag>
                  </div>
                </div>
              </a-card>
            </a-col>
          </a-row>
        </div>
      </div>
      <a-button type="primary" style="margin-top: 20px;">查看更多</a-button>
    </div>

    <div class="footer">
      <div style="color: #fff;">
        客服电话：114-514-1919 ｜ 工作时间：8:00-22:00 ｜ 人力资源服务许可证 ｜ 营业执照 ｜ 朝阳区人社局监督电话
      </div>
      <div style="color: #fff;">
        Copyright © 2024 实习招聘信息爬虫系统设计与实现
      </div>
    </div>
  </div>
</template>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e1f2f5;
}

.footer {
  background-color: #313438;
  width: 100%;
  height: 10vh;
  margin-top: 50px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fixed {
  width: 100%;
  justify-items: center;
  position: fixed;
  top: 0;
  z-index: 1;
}
</style>
